<template>
  <div class="realizeBox">
    <div class="userMbH flex f-s f18 c2a">
      <slot name="title" />
    </div>
    <div class="userMbCBox">
      <slot name="content" />
    </div>
  </div>
</template>

<script>
export default {
  name: "UserMb",
};
</script>

<style scoped>
* {
  font-size: 0;
  color: #333333;
}
.f-s {
  justify-content: flex-start;
}
.f-e {
  justify-content: flex-end;
}
.f18 {
  font-size: 18px;
}
.f16 {
  font-size: 16px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.c3 {
  color: #333333;
}
.c6 {
  color: #666666;
}
.c9 {
  color: #999999;
}
.c25 {
  color: #252525;
}
.c2a {
  color: #2a2a2a;
}
</style>

<style scoped>
.realizeBox {
  width: 100%;
}
.userMbH {
  width: calc(100% - 2px);
  height: 56px;
  border: 1px solid #e9e9e9;
  text-indent: 20px;
}
.userMbCBox {
  width: calc(100% - 2px);
  min-height: 566px;
  border: 1px solid #e9e9e9;
  border-top: none;
  overflow: hidden;
  position: relative;
}
</style>
